<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
	<title>EconoUCAB Emprende</title>
   	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   	<link type="text/css" href="../cssIE/Master.css" rel="stylesheet" />
   	<link type="text/css" href="../cssIE/Home.css" rel="stylesheet" />
   	<link type="text/css" href="../css/custom-theme/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
   	<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
   	<script type="text/javascript" src="../js/jquery-ui-1.8.18.custom.min.js"></script>
        <script type="text/javascript" src="../js/HomeScripts.js"></script>
        <script language="JavaScript" src="../js/md5.js"></script>

        <script type="text/javascript">
            $(function() {
                $( "button" ).button();
                $.post("../Logica/LLenarContenidoPrincipal.php",{a:0},function(data){
                    $("#Info").html(data);                     
                });
                $.post("../Logica/LlenarContactos.php",{},function(data){
                    $("#Contactanos").html(data);                     
                });
            });
            
            
            function Cambiar(a){
                if (a==3)
                {                    
                    window.location="AsesoriaVirtual.html";
                    //alert ("asesoria virtual");
                }
                else{
                    $.post("../Logica/LLenarContenidoPrincipal.php",{a:a},function(data){
                        $("#Info").html(data); 
                        $( "#Info" ).show( 'fold' , null, 500, null );
                    });
                }
            }
            
            function MostrarTaller(id){
                $.post("../Logica/CargaTallerSeleccionado.php",{id:id},
                 function(data){
                     popup (data);
//                    $('#dialogTallerSeleccionado').html(data);
                });
            }
            
            function MostrarNoticia(id){
                $.post("../Logica/CargaNoticiaSeleccionada.php",{id:id},
                 function(data){
                     popup(data);
//                    $('#dialogNoticiaSeleccionada').html(data);
                });
            }
            
            $(document).ready(function () {

                    // if user clicked on button, the overlay layer or the dialogbox, close the dialog	
                    $('a.btn-ok, #dialog-overlay, #dialog-box').click(function () {		
                            $('#dialog-overlay, #dialog-box').hide();		
                            return false;
                    });

                    // if user resize the window, call the same function again
                    // to make sure the overlay fills the screen and dialogbox aligned to center	
                    $(window).resize(function () {

                            //only do it if the dialog box is not hidden
                            if (!$('#dialog-box').is(':hidden')) popup();		
                    });	


            });

            //Popup dialog
            function popup(message) {

                    // get the screen height and width  
                    var maskHeight = $(document).height();
                    var maskWidth = $(document).width();

                    // calculate the values for center alignment
                    var dialogTop =  50;  
                    var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2); 

                    // assign values to the overlay and dialog box
                    $('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
                    $('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();

                    // display the message
                    $('#dialog-message').html(message);

            }

        </script>
</head>
    <body>
        
        <div id="tope"><a onclick="$( '#DialogLogin').dialog( 'open' );" href="#" style="color: #000;">Entrar al Sistema</a> </div>
        <div style="width: 1330px;"><div id="LogoUcab"><img src="../Imagenes/LogoUcabEco.png" /></div>
        <div id="titulo">
           EconoUCAB Emprende
        </div></div>
        <div id="BarraMedia">
            <div id="menuGeneral">
                <a href="#" class="menu" onclick="Cambiar(0)">Inicio</a>|
                <a href="#" class="menu" onclick="Cambiar(1)">Noticias</a>|
                <a href="#" class="menu" onclick="Cambiar(2)">Talleres</a>|
                <a href="#" class="menu" onclick="Cambiar(3)">Asesoria Virtual</a></div>
        </div>
        <div id="Cuerpo">
            <table id="tablaMain">
                <tr>
                    <td colspan="2">
                        <div id="Info" onmouseover="hoverDivEnter(this,'Verde')" onmouseout="hoverDivOut(this)">
              
                        </div>
                    </td>
                    <td>
                        <div id="Directorio" onmouseover="hoverDivEnter(this,'Azul')" onmouseout="hoverDivOut(this)">

                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div id="Contactanos" onmouseover="hoverDivEnter(this,'Amr')" onmouseout="hoverDivOut(this)">                  
                    
                    
                        </div>
                    </td>
                    <td>
                        <div id="Visitanos" onmouseover="hoverDivEnter(this,'Amr')" onmouseout="hoverDivOut(this)">
                            <span class="tituloSecMini">Dirección</span>
                            <div style="margin-top: 40px; margin-left: 5%;margin-right: 5%;">
                            <p>Centro de Educación Comunitaria, al lado del Centro de
                             Salud Santa Inés. Montalbán - Caracas</p>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div id="Horarios" onmouseover="hoverDivEnter(this,'Amr')" onmouseout="hoverDivOut(this)">
                            <span class="tituloSecMini">Horarios</span>
                            <div style="margin-top: 30px;margin-left: 5%;margin-right: 5%;">
                            <p><b>Lunes, Miercoles y Viernes:</b><br> 8:00am - 12:00pm y 1:00 a 5:00pm <br><br>
                            <b>Martes y Jueves:</b><br> 1:00 a 5:00pm <br>
                                </p>
                            </div>
                        </div>
                    </td>
                    
                </tr>
            </table> 
         </div>
        <div id="footer">
            Creado voluntariamente por: Carlos Alvarez y Luis Carvajal, para la Escuela de Economía<br>
                Universidad Católica Andrés Bello, Montalbán - Caracas 2011 - 2012
        </div>
             <div id="Login"></div>
        <div id="DialogLogin" style="visibility: hidden" title="Ingresar al Sistema">
                <p class="validateTips"> Debe Llenar todos los campos</p>

                <form>
                    <fieldset>
                        <table>
                            <tr>
                                <td>
                                    <label for="Nombre">Nombre de Usuario:</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="text" name="Nombre" id="Nombre" class="text ui-widget-content ui-corner-all" style="width: 250px;"/> 
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label for="Password">Contraseña:</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                   <input type="Password" name="Password" id="Password" value="" class="text ui-widget-content ui-corner-all" style="width: 250px;"/> 
                                </td>
                            </tr>
                        </table>               
                    </fieldset>
	        </form>
         </div>
         <div id="dialog-overlay"></div>
            <div id="dialog-box">
                    <div class="dialog-content">
                        <div id="dialog-message"></div>
                        <a href="#" class="button">Cerrar</a>
                    </div>
            </div>
    </body>
</html>